<?php use_helper('I18N', 'Date') ?>

<?php use_stylesheet('/sf/sf_admin/css/main') ?>
<?php include_partial('ringtone/submenu', array('nhac' => 'ghv','type'=>'extend')) ?>

<div id="sf_admin_container">
	<h1><?php echo __('Danh sách thành viên tham gia', array()) ?></h1>
	<div id="success" style="display: none;width: 100%; height: 20px;background: #366388;overflow: hidden;"></div>
	<br clear="all" />
	<div class="xml-col1">
	<fieldset>
		<legend>Thêm thành viên</legend>
		<?php $text = 'Nhập ID hoặc phone của thành viên'?>
		<input type="text" name="user" id="user" value="<?php echo $text ?>" onblur="if(this.value=='') this.value='<?php echo $text ?>'" onfocus="if(this.value=='<?php echo $text ?>') this.value=''" />
		<input type="button" name="search" value="Tìm" onclick="showresult(document.getElementById('user').value)" style="width: 50px" />
		<div id="result">
		</div>
	</fieldset>
			
	</div>
	<div class="xml-col2" id ="sf_admin_content">
		<?php include_partial('list', array('listuser' => $listuser)) ?>
	</div>
</div>


<script type="text/javascript">
function showresult(val){
	if(val =='' || val == '<?php echo $text ?>'){
		alert('Nhập tên hoặc số điện thoại');
		document.getElementById('user').focus()
		return false;
	}
	$.ajax({		
		  url: '/ghv/search?name='+val,
		  success: function(data) {
		    $('#result').html(data);
		  }
		});
}

function add2list(val){
	$.ajax({		
		  url: '/ghv/add2list?id='+val,
		  success: function(data) {
		    $('#sf_admin_content').html(data);
		    $("#success").html('Đã thêm mới').hide().fadeIn(2000);
		    setTimeout(function(){
		    	$("#success").fadeOut(2000);
			    })

		  }
		});
}

function delrecord(val){
	if(confirm('Bạn có chắc chắn xóa?')){
		$.ajax({		
			  url: '/ghv/delrecord?id='+val,
			  success: function(data) {
			    $('#sf_admin_content').html(data);
			    $("#success").html('Đã xóa khỏi danh sách').hide().fadeIn(2000);
			    setTimeout(function(){
			    	$("#success").fadeOut(2000);
				    })
	
			  }
			});
	}
}

</script>
